layui.use(['table','form'], function() {
    var table = layui.table
        , form = layui.form
        , $ = layui.$;
    var tableName = 'room';
    var url = '/Class/room/getAllRooms';
    //教室表
    table.render({
        elem: '#room',
        height: 'full-70',
        url: '/Class/room/getAllRooms', //数据接口
        title: '教室表',
        page: true ,//开启分页
        toolbar: '#barbtn', //开启工具栏，此处显示默认图标，可以自定义模板，详见文档
        limits:[10,20,30,40],
        cols:
            [[ //表头
                { type: 'checkbox',fixed: 'left'},
                { field: 'id',title: 'ID',sort: true,hide: true},
                { field: 'roomCode',title: '教室代码', sort: true},
                { field: 'site',title: '地址'},
                { field: 'roomNumber',title: '容纳人数', sort: true},
                { field: 'roomType',title: '教室类型',
                    templet: (d) => {
                        var type = d.roomType;
                        var str = '';
                        switch (type) {
                            case 1: str = '大教室';break;
                            case 2: str = '中教室';break;
                            case 3: str = '小教室';break;
                            case 4: str = '实验室';break;
                            case 5: str = '其它';break;
                            default : break;
                        }
                        return str;
                    }},
                { field: 'openTime',title: '开放时间',
                    templet: (d) => {
                        var time = d.openTime;
                        var str = '';
                        switch (time) {
                            case 1: str = '周一至周五';break;
                            case 2: str = '周六周日';break;
                            case 3: str = '全周';break;
                            default : break;
                        }
                        return str;
                    }},
                { field: 'state',title: '教室状态', templet: '#switchTpl'},
                { fixed: 'right', width: 165, align:'center', toolbar: '#barDemo'}
            ]]
    });
    //监听状态操作
    form.on('switch(statusDemo)', function(obj){
        if (obj.elem.checked==true) {//判断单选框状态
            utils.radioChange($, obj, '/Class/room/state', this.value, 0, tableName, url);
        }else{
            utils.radioChange($, obj, '/Class/room/state', this.value, 1, tableName, url);
        }
    })
    //监听行工具事件
    table.on('tool(tool)',function (obj) {
        var data=obj.data;
        var layEvent=obj.event;
        if(layEvent=="delete")
        {
            utils.del($, data, tableName, url);
        }
    });
    //监听头工具栏事件
    table.on('toolbar(tool)', function(obj){
        let checkStatus = table.checkStatus(obj.config.id)//复选框数据
            ,data = checkStatus.data; //获取选中的数据 数组
        let arr=new Array();
        for(let i in data)
        {
            arr[i]=data[i].id;//取出id到列表
        }
        switch(obj.event){
            case 'add':
                layer.open({
                    type:2,
                    title:'新增教室',
                    area: ['35%','70%'],
                    content:'../add/roomAdd.html'
                });
                break;
            case 'update':
                break;
            case 'delete':
                utils.delete($, data, tableName, arr);
                break;
        };
    });
    //进行模糊查询 (用户名和类型)
    form.on('submit(search)', function(data){
        var type= $("select[name=searchType]").val();
        var time= $("select[name=searchTime]").val();
        var state= $("select[name=searchState]").val();
        table.reload('room', {
            url:'/Class/room/selectByLike',
            where: { //设定异步数据接口的额外参数，任意设
                "value": $('#searchCode').val() || "",
                'type': type,
                'time': time,
                'state': state
            }
            ,page: {
                curr: 1 //重新从第 1 页开始
            }
        }); //只重载数据
        return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
    });
});
